<template>
	<view class="content">
		<navigator url="/pages/navigator/activity" hover-class="navigator-hover" style="padding-top: 3%;">
			<button type="default" style="background-color:#FFF;
			 ">
			<image src="../static/1416218511(197(1).jpg" style="display:flex;width: 100%; height: 230rpx;"></image>
			</button>
		</navigator>
		<view class="uni-padding-wrap">
			<view class="uni-common-mt" style="background:#FFF; padding:20rpx;">
				<view class="btn-area" style="display: flex;">
					<navigator url="/pages/navigator/myhome" hover-class="navigator-hover;">
						<button type="default" 
						style="background-color: aliceblue;
						width: 300rpx;height: 50px;padding-top: 0px;">我的小屋</button>
					</navigator>
					<navigator url="/pages/navigator/forum" hover-class="navigator-hover"
					style="padding-left: 100rpx;">
						<button type="default" 
						style="background-color: aliceblue;
						width: 300rpx;height: 50px;padding-top: 0px;">论坛</button>
					</navigator>
				</view>
			</view>
		</view>
		<Cardindex/>
		<view>
			<uni-section title="更新时间" subTitle="常来看看自己的小屋吧" type="line" padding>
				<view class="example-body">
					<uni-dateformat :date="now - 30000" :threshold="[0,3600000]"></uni-dateformat>
					<uni-dateformat :date="now - 30000" :threshold="[0,0]"></uni-dateformat>
				</view>
			</uni-section>
		</view>
		<view class="uni-common-mt" style="background:#FFF; padding:20rpx;">
			<uni-icons type="arrow-down" size="30"></uni-icons>
		</view>
		<view class="uni-title uni-common-mt">
			<view class="container">
				<uni-section title="最新版" type="line" padding>
					<uni-link href="https://user.qzone.qq.com/946596702/main" text="1.0.0" color="#007BFF" font-size="20"></uni-link>
				</uni-section>
			</view>
		</view>
	</view>
</template>

<script>
	import Cardindex from "components/cardindex.vue"
	export default {
	    data() {
	        return {
				now: Date.now(),
	        }
	    },
		components:{
			Cardindex
		}
	}
	

</script>

<style lang="scss">
	.example-body {
			display: flex;
			flex-direction: column;
			line-height: 1.5em;
			}
</style>